import React from 'react'

const Header = (props) => {
  return (
    <header>1 { props.children }</header>
  )
}

class Content extends React.Component {
  render () {
    return (
      <div>2 { this.props.children }</div>
    )
  }
}

const Footer = ({ children }) => {
  return (
    <footer>3 { children }</footer>
  )
}

class App extends React.Component {
  render () {
    return (
      <div>
        <Header>react 核心库只关注于视图层</Header>
        <Content>react 16.8 推出了 react hooks</Content>
        <Footer>react真的很简单</Footer>
      </div>
    )
  }
}

export default App